html, body {
	font-family: arial;	
}

div.page {
	width: 750px;
	margin: auto;
}

h1 a {
	font-weight: normal;
	background-image: url(../images/TwoToneSiloboxLogo.png);
	background-repeat: no-repeat;
	padding-left: 50px;
	height: 50px;
	display: block;
	text-decoration: none;
	color: #000;
}

h1 a:hover {
	background-position: 0 -45px;	
}

h1.project-title {
	font-size: 2em;
	color: #997777;
	text-align: center;
	background:none;
}
h2, h3 {
	font-weight: normal;	
}

div#status-bar {
}

div#status-bar div {
	float: left;
}

div#status-bar div#perc-box {
	margin-top: 3px;
	width: 300px;
	height: 10px;
	border: 1px solid #900;
}

div#status-bar div#perc-val {
	width: 60px;	
}

div#status-bar div#perc-box div#perc-bar {
	background-color: #e00;
	height: 10px;
}

div#status-bar div#status-text {
	clear: left;
	margin-top: 20px;
}

div.bod {
	clear: both;
}

input {
	font-size: 1.3em;
	padding: 5px;
}
input.text {
	color: #666;
	width: 600px;	
}
input.normal {
	font-size: 1em;	
	color: #666;
	width: 100%;
	border: 0;
}

hr {
	padding-top: 50px;
	border:0;
	clear: both;
}

.legend div {
	height: 30px;
	float: left;
	margin-right: 10px;
	padding-top: 10px;
}

.legend .to {
	margin-left: 30px;
}

.legend .min {
	background-color: #aaa;
	width: 30px;
}

.legend .max {
	background-color: #f00;
	width: 30px;
	margin-left: 30px;
}

ul#results-list {
	padding:0;
}
ul#results-list li {
	list-style: none;
	clear: both;
	padding-top: 20px;
}
ul#results-list li.winner h3 {
	background-color: #ff9;
	padding: 10px;
}
ul#results-list li img {
	display: block;
	float: left;	
}
ul#results-list li div {
	float: left;
	margin-left: 20px;
	width: 200px;
}